{"version":3,"file":"blocks/Chart/index.css","mappings":";;;AAWA;EACC;EACA;EACA;EACA;EACA;EACA;AAVD;AAYC;EAEC;AAXF;AAcC;EACC;EACA;AAZF;AAeC;EACC;EACA;EACA;EACA;AAbF;AAgBC;EACC;EACA;EACA;EACA;EACA;EACA;AAdF;AAgBE;EACC;AAdH;;AAmBA;EACC;EACA;AAhBD,C;;;;ACpCA,gBAAgB;AAAhB;;;;;EAAA;AAOA;;;;EAAA;AAKA;EACC;AACD;AACC;EACC;EACA;EACA;EACA;AACF;AAEC;EACC;AAAF;AAGC;EACC;EACA;AADF;;AAKA;EACC;EACA;AAFD;AAIC;EAEC;EACA;EACA;EACA;EAAA;AAHF;AAMC;EACC;AAJF;AAOC;EACC;AALF;AAWC;EACC;EACA;EACA;EACA;EACA;EACA;AATF;AAaC;EACC;EACA;EACA;EACA;AAXF;AAcC;EACC;AAZF;AAeC;EACC;EACA;EACA;EAIA;KAAA;UAAA;AAhBF;AAkBE;EAEC;UAAA;EACA;AAjBH;AAqBC;EAGC;EACA;EACA;EACA;EACA;EACA;AArBF;AAuBE;EACC;EACA;EACA;AArBH;AA2BC;EACC;EACA;AAzBF;AA4BC;EAEC;AA3BF;AA8BC;EACC;EACA;EACA;AA5BF;;AAgCA;EACC;EACA;EACA;AA7BD;;AAgCA;EACC;AA7BD;AA+BC;EACC;EACA;EACA;EACA;EACA;AA7BF;AAgCC;EACC;EACA;EACA;EACA;AA9BF;;AAkCA;EACC;EACA;EACA;EACA;EACA;EACA;AA/BD,C","sources":["webpack://brandy-blocks/./src/components/ColorPicker/index.scss","webpack://brandy-blocks/./src/blocks/Chart/Edit/editor.scss"],"sourcesContent":["// These rules were nested under `.brandy-editor`, so the swatch only got its\n// size, border and background when some ancestor happened to carry that class.\n// Only the Pricing settings panels do; every other consumer — Avatar Group's\n// ring colour, Social Icons' icon/background/hover colours — rendered a bare\n// unstyled div: a visible label with no visible control beside it.\n//\n// A component's own styles must not depend on an ancestor the component does\n// not render, so the gate is gone. Nothing else in the codebase styles\n// `.color-picker`, so un-nesting changes no other rule's outcome. The Pricing\n// panels keep their `.brandy-editor` wrapper for the Typography component,\n// which is still gated the same way.\n.color-picker {\n\tborder-radius: 5px;\n\tborder: 1px solid #E3E8EE;\n\tbackground: #FFF;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 120px;\n\n\t&__head,\n\t&__tail {\n\t\tpadding: 7px;\n\t}\n\n\t&__head {\n\t\tdisplay: flex;\n\t\tborder-right: 1px solid #E3E8EE;\n\t}\n\n\t&__tail {\n\t\ttext-transform: uppercase;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t}\n\n\t.color-indicator {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 5px;\n\t\tborder: 2px solid #F1F4F8;\n\t\tbackground: #fff;\n\t\tcursor: pointer;\n\n\t\tspan:empty {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n.brandy-color-modal {\n\tpadding: 16px;\n\twidth: 260px;\n}\n","/*\n * Editor-only styles: the data grid in the inspector, and the empty state.\n *\n * The grid is deliberately denser than the sidebar's default control spacing —\n * it is a spreadsheet, and a spreadsheet with 40px rows only fits three of them.\n */\n\n/*\n * The series list. Full sidebar width, one row per series, so a name is\n * actually readable while it is being typed — the matrix below identifies its\n * columns with a colour chip instead.\n */\n.brandy-chart-grid__series-list {\n\tmargin-bottom: 14px;\n\n\t.brandy-chart-grid__series {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 6px;\n\t\tmin-width: 0;\n\t}\n\n\t.brandy-chart-grid__series + .brandy-chart-grid__series {\n\t\tmargin-top: 4px;\n\t}\n\n\t.brandy-chart-grid__series-name {\n\t\tflex: 1 1 auto;\n\t\tmin-width: 0;\n\t}\n}\n\n.brandy-chart-grid {\n\toverflow-x: auto;\n\tmargin-bottom: 12px;\n\n\t&__head,\n\t&__row {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tmin-width: min-content;\n\t}\n\n\t&__head {\n\t\tmargin-bottom: 6px;\n\t}\n\n\t&__row + &__row {\n\t\tmargin-top: 4px;\n\t}\n\n\t// Column widths are tuned to the sidebar: a category column plus two value\n\t// columns fit without scrolling, which covers most charts. Three or more\n\t// series scroll, which beats crushing every column.\n\t&__corner {\n\t\tflex: 0 0 64px;\n\t\tfont-size: 11px;\n\t\tfont-weight: 600;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.02em;\n\t\tcolor: #757575;\n\t}\n\n\t// The colour chip that says which series a column belongs to.\n\t&__col-key {\n\t\tflex: 0 0 70px;\n\t\theight: 4px;\n\t\tborder-radius: 2px;\n\t\tbackground: var(--key-color);\n\t}\n\n\t&__label {\n\t\tflex: 0 0 64px;\n\t}\n\n\t&__cell {\n\t\tflex: 0 0 70px;\n\t\ttext-align: right;\n\t\tfont-variant-numeric: tabular-nums;\n\n\t\t// The spinner buttons cost about a fifth of the column and nobody\n\t\t// nudges a data point one unit at a time. Typing is the interaction.\n\t\tappearance: textfield;\n\n\t\t&::-webkit-outer-spin-button,\n\t\t&::-webkit-inner-spin-button {\n\t\t\tappearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t&__series-name,\n\t&__label,\n\t&__cell {\n\t\theight: 30px;\n\t\tpadding: 0 5px;\n\t\tborder: 1px solid #ddd;\n\t\tborder-radius: 2px;\n\t\tfont-size: 12px;\n\t\tbackground: #fff;\n\n\t\t&:focus {\n\t\t\tborder-color: var(--wp-admin-theme-color, #3858e9);\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 1px var(--wp-admin-theme-color, #3858e9);\n\t\t}\n\t}\n\n\t// The remove button only earns its width on hover or focus; until then it\n\t// would just crowd every row.\n\t&__remove {\n\t\topacity: 0.4;\n\t\ttransition: opacity 0.1s ease;\n\t}\n\n\t&__row:hover &__remove,\n\t&__remove:focus {\n\t\topacity: 1;\n\t}\n\n\t&__actions {\n\t\tdisplay: flex;\n\t\tgap: 8px;\n\t\tmargin-bottom: 12px;\n\t}\n}\n\n.brandy-chart-bulk {\n\tmargin-top: 12px;\n\tborder-top: 1px solid #e0e0e0;\n\tpadding-top: 8px;\n}\n\n.brandy-chart-control {\n\tmargin-bottom: 16px;\n\n\t&__label {\n\t\tdisplay: block;\n\t\tmargin-bottom: 8px;\n\t\tfont-size: 11px;\n\t\tfont-weight: 500;\n\t\ttext-transform: uppercase;\n\t}\n\n\t&__help {\n\t\tmargin: 8px 0 0;\n\t\tfont-size: 12px;\n\t\tfont-style: normal;\n\t\tcolor: #757575;\n\t}\n}\n\n.brandy-chart__empty {\n\tmargin: 0;\n\tpadding: 32px 16px;\n\tborder: 1px dashed #ccc;\n\tborder-radius: 4px;\n\ttext-align: center;\n\tcolor: #757575;\n}\n"],"names":[],"sourceRoot":""}