Code

feat(tile): add design tokens#10476

Code

Merged

eriklharper merged 35 commits intodevEsri/calcite-design-system:devfrom eriklharper/7180-tile-tokensEsri/calcite-design-system:eriklharper/7180-tile-tokensCopy head branch name to clipboardOct 25, 2024

+800-50

Commits

Commits on Oct 2, 2024

• feat(tile): add design tokens

  eriklharper

  committed
  45d65d9

  Copy full SHA for 45d65d9

• updating storybook and demo pages for theming examples

  eriklharper

  committed
  c7c4f5e

  Copy full SHA for c7c4f5e

• Merge branch 'dev' into eriklharper/7180-tile-tokens

  eriklharper

  authored
  6d359d9

  Copy full SHA for 6d359d9

Commits on Oct 3, 2024

• replacing "description-text-color" with "text-color" and adding a "text-color-hover" token to allow both a default and overridable hover color.

  eriklharper

  committed
  b8e6d03

  Copy full SHA for b8e6d03

• removing --calcite-tile-text-color-hover since future patterns will render this unnecessary and we don't want to ship a token we'll have to immediately deprecate

  eriklharper

  committed
  57a9261

  Copy full SHA for 57a9261

Commits on Oct 4, 2024

• injecting --calcite-tile-border-color into the tile's focus selector so that one color token controls both the unfocused and focused states

  eriklharper

  committed
  55dd86b

  Copy full SHA for 55dd86b

• removing --calcite-tile-shadow because user can just set box-shadow directly on a calcite-tile element selector in CSS

  eriklharper

  committed
  6fdd1db

  Copy full SHA for 6fdd1db

Commits on Oct 8, 2024

• adding --calcite-tile-shadow

  eriklharper

  committed
  aa92728

  Copy full SHA for aa92728

Commits on Oct 9, 2024

• removing --calcite-internal-tile-shadow since it isn't used anywhere. Restoring selection-appearance border selected styles with box-shadow rules.

  eriklharper

  committed
  0a90132

  Copy full SHA for 0a90132

• removing --calcite-internal-tile-outline-color in favor of --calcite-internal-tile-border-color and using brand token for hover, focus states on borders

  eriklharper

  committed
  f8bb7a7

  Copy full SHA for f8bb7a7

• getting rid of --calcite-internal-tile-border-color

  eriklharper

  committed
  4f05f78

  Copy full SHA for 4f05f78

• removing --calcite-internal-tile-heading-text-color and adding new --calcite-tile-heading-text-color-hover

  eriklharper

  committed
  9718d7b

  Copy full SHA for 9718d7b

Commits on Oct 10, 2024

• removing --calcite-internal-tile-icon-color, updating to use current way of setting the color of the presentation calcite-icon using a direct color property, and adding additional --calcite-tile-hr…

  Show description for a7a8ee7
  eriklharper

  committed
  a7a8ee7

  Copy full SHA for a7a8ee7

• removing --calcite-tile-text-color in favor of restoring --calcite-tile-description-text-color, syncing up all current css properties in tests and demos, commenting out some tests that need fixed i…

  Show description for 6f49f28
  eriklharper

  committed
  6f49f28

  Copy full SHA for 6f49f28

• removing last internal variable, adding missing --calcite-tile-description-text-color-hover token with correct fallback, refactoring icon selectors to use css classes instead of element selectors, …

  Show description for a30b852
  eriklharper

  committed
  a30b852

  Copy full SHA for a30b852

Commits on Oct 11, 2024

• fixing href hover border

  eriklharper

  committed
  1700b3e

  Copy full SHA for 1700b3e

• replacing --calcite-tile-selection-icon-color/hover tokens with --calcite-tile-selection-color/hover just like Card does.

  eriklharper

  committed
  7713208

  Copy full SHA for 7713208

• correcting the assignment of selection colors to use the "hover" variable for selected, hover and focus states instead of the base one. This allows for the base color of the selection icon to be co…

  Show description for 0e98c64
  eriklharper

  committed
  0e98c64

  Copy full SHA for 0e98c64

• adding more test coverage for uses of selection color. Fixing broken link token test

  eriklharper

  committed
  cd6d629

  Copy full SHA for cd6d629

• Merge branch 'dev' of github.com:Esri/calcite-design-system into eriklharper/7180-tile-tokens

  eriklharper

  committed
  ac7399f

  Copy full SHA for ac7399f

Commits on Oct 21, 2024

• removing --calcite-tile-description-text-color-hover

  eriklharper

  committed
  3abb819

  Copy full SHA for 3abb819

• removing --calcite-tile-heading-text-color-hover

  eriklharper

  committed
  c284028

  Copy full SHA for c284028

Commits on Oct 22, 2024

• removing --calcite-tile-href-icon-color-hover in favor of using --calcite-tile-icon-color with an href attribute + hover css selector

  eriklharper

  committed
  49a7e9f

  Copy full SHA for 49a7e9f

Commits on Oct 23, 2024

• Merge branch 'dev' into eriklharper/7180-tile-tokens

  eriklharper

  authored
  a4a22c5

  Copy full SHA for a4a22c5

• adding --calcite-tile-corner-radius

  eriklharper

  committed
  b4b759e

  Copy full SHA for b4b759e

• adding accent-color-press variable, text-color variable, removing description-text-color, icon-color and selection-color variables based on guidance from Ali

  eriklharper

  committed
  4122e7c

  Copy full SHA for 4122e7c

• Merge branch 'dev' of github.com:Esri/calcite-design-system into eriklharper/7180-tile-tokens

  eriklharper

  committed
  1e9e6c7

  Copy full SHA for 1e9e6c7

Commits on Oct 24, 2024

• fixing selection-mode="none" to match visual matrix

  eriklharper

  committed
  172eb2c

  Copy full SHA for 172eb2c

• Fixing href styling behavior to match visual matrix

  eriklharper

  committed
  3ea5d9a

  Copy full SHA for 3ea5d9a

• Merge branch 'dev' into eriklharper/7180-tile-tokens

  eriklharper

  authored
  ce1735b

  Copy full SHA for ce1735b

Commits on Oct 25, 2024

• adding Kitty's revised property descriptors

  eriklharper

  committed
  e5a3a97

  Copy full SHA for e5a3a97

• updating fallback to use --calcite-corner-radius

  eriklharper

  committed
  3e93905

  Copy full SHA for 3e93905

• adding --calcite-tile-link-color

  eriklharper

  committed
  0453a37

  Copy full SHA for 0453a37

• updating doc to for link color to indicate state it applies to

  eriklharper

  committed
  8baf0c7

  Copy full SHA for 8baf0c7

• adding Kitty's revised tile-link-color description

  eriklharper

  committed
  0c9d9aa

  Copy full SHA for 0c9d9aa